<template>
    <div class="mmv-topic-list">
        <template v-for="topic in list">
            <mmvTopicCard size="sm" :key="`mmv-topic-card${topic.id}`" :topic="topic" class="mmv-topic-list__card"></mmvTopicCard>
        </template>
    </div>
</template>

<script>
import mmvTopicCard from "@/components/mmv-topic-card.vue";

export default {
    components: {
        mmvTopicCard,
    },
    data() {
        return {
            list: [
                {
                    id: 403,
                    name: "未归的熄星",
                    cover:
                        "https://upload-bbs.mihoyo.com/upload/2020/11/10/0943a69ffe984e4ab63bfb398c20a998.jpeg",
                    desc: "",
                    is_focus: false,
                    view_num: 0,
                    discuss_num: 0,
                },
                {
                    id: 402,
                    name: "1.1攻略征集",
                    cover:
                        "https://upload-bbs.mihoyo.com/upload/2020/11/10/8ecbf494fababb6422eb23bc14bd44d4.jpeg",
                    desc: "",
                    is_focus: false,
                    view_num: 0,
                    discuss_num: 0,
                },
                {
                    id: 372,
                    name: "祈愿分享",
                    cover:
                        "https://upload-bbs.mihoyo.com/upload/2020/09/28/a5157120df06cbf8a267318a8575d1ea.png",
                    desc: "",
                    is_focus: false,
                    view_num: 0,
                    discuss_num: 0,
                },
                {
                    id: 368,
                    name: "游戏战绩",
                    cover:
                        "https://upload-bbs.mihoyo.com/upload/2020/09/23/3e923161cffb5d2223b3cb27aa3d32f4.png",
                    desc: "",
                    is_focus: false,
                    view_num: 0,
                    discuss_num: 0,
                },
                {
                    id: 404,
                    name: "深境螺旋",
                    cover:
                        "https://upload-bbs.mihoyo.com/upload/2020/11/10/2ab49f95585fe1bd81cf88380ec22f45.jpeg",
                    desc: "",
                    is_focus: false,
                    view_num: 0,
                    discuss_num: 0,
                },
                {
                    id: 180,
                    name: "水史莱姆聚集地",
                    cover:
                        "https://upload-bbs.mihoyo.com/upload/2019/11/26/6ca2d0aaba2898ddac00d3e918d82a1a.png",
                    desc: "",
                    is_focus: false,
                    view_num: 0,
                    discuss_num: 0,
                },
            ],
        };
    },
};
</script>

<style lang="less">
.mmv-topic-list {
    padding-bottom: 10px;
    &__card {
        & + & {
            margin-top: 20px;
        }
    }
}
</style>